<div id="stylized_r" class="myform_registration">

  <g:form action="saveUser">

  <h1>New User Registration</h1>

  <p style="color: blue">Login Credentials</p>
<!-- USERNAME ---------------------------------------------------------->

<label>Username
</label>
<input id ="username" type="text" name="username" value="${userInstance?.username}"/>

        <g:eachError bean="${userInstance}" field="username">
          <p>&nbsp;&nbsp;&nbsp;&nbsp;<g:message error="${it}"/></p>
        </g:eachError>

<!-- USERNAME ---------------------------------------------------------->
<!-- PASSWORD ---------------------------------------------------------->
<label>Password
<span class="small"></span>
</label>
<input type="password" name="hashPassword" value="${}" />

<label>Password
<span class="small">Repeat</span>
</label>
<input type="password" name="hashPassword2" value="${}" />

<div class="message"><p>&nbsp;&nbsp;&nbsp;&nbsp;<g:message code="${flash.message}"/></p></div>


<!-- PASSWORD ---------------------------------------------------------->
<!-- SA ---------------------------------------------------------->

<label>Secret Question</label>
&nbsp;&nbsp
<g:select name="secretQuestion.id" from="${tv_megazineplus.SecretQuestion.list()}" optionKey="id" value="${}"/>
<br><br>
<g:eachError bean="${userInstance}" field="secretQuestion">
          <p>&nbsp;&nbsp;&nbsp;&nbsp;<g:message error="${it}"/></p>
        </g:eachError>


            <label>Answer</label>
<input type="text" name="hashAnswer" value="${}" />
<g:eachError bean="${userInstance}" field="hashAnswer">
          <p>&nbsp;&nbsp;&nbsp;&nbsp;<g:message error="${it}"/></p>
        </g:eachError>
<!-- SA ---------------------------------------------------------->

<label>Name
<span class="small">Add your name</span>
</label>
<input type="text" name="name" value="${userInstance?.name}" />
<g:eachError bean="${userInstance}" field="name">
          <p>&nbsp;&nbsp;&nbsp;&nbsp;<g:message error="${it}"/></p>
        </g:eachError>

<label>Phone Number
<span class="small">Add phone number here</span>
</label>
<input type="text" name="phoneNumber" value="${userInstance?.phoneNumber}" /><br>
<g:eachError bean="${userInstance}" field="phoneNumber">
          <p>&nbsp;&nbsp;&nbsp;&nbsp;<g:message error="${it}"/></p>
        </g:eachError><br><br><br>

<label>email
<span class="small">Add your email</span>
</label>
<input type="text" name="email" value="${userInstance?.email}"/>
<g:eachError bean="${userInstance}" field="email">
          <p>&nbsp;&nbsp;&nbsp;&nbsp;<g:message error="${it}"/></p>
        </g:eachError>



<br><br><br><br><br>
<g:submitButton name="saveUser" value="Save" id="addConference" onclick="return confirm('${message(code: 'default.button.delete.confirm.message', default: 'Click YES to save ')}');"/>


<div class="spacer"></div>
  </g:form>
</div>